<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="/WEB-INF/tlds/messageTag.tld" prefix="msg"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title><msg:message key="menu.data" /></title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit">
	<meta name="description" content="数据">
	<!-- <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"> -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/report.css">
	
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/dataTime/WdatePicker.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<!-- 底部加载js -->
	<script src="${pageContext.request.contextPath }/js/jquery-1.12.4.min.js"></script>
	<!-- 图表控件 -->
	<script src="${pageContext.request.contextPath }/js/echarts-all-3.js"></script>
	<script src="${pageContext.request.contextPath}/js/layer/layer.js"></script>
	<script src="${pageContext.request.contextPath }/js/page/common.js"></script>
	<script type="text/javascript">
	function selectDataType(obj,menutype) {
		$("[name='textspan']").removeClass("selected");
		$(obj).addClass("selected");
		
		if(menutype=="leastcharge") {
			$("#form1").attr("action","${pageContext.request.contextPath }/leastcharge.do");
			$("#form1").submit();
			document.getElementById("form1");
		}else if(menutype=="usercharge") {
			$("#form1").attr("action","${pageContext.request.contextPath }/usercharge.do");
			$("#form1").submit();
			document.getElementById("form1");
		}
	}
	</script>

  </head>
  
  <body>
    <div class="header">
		<div class="left header-logo"><img class="header-logo-img" src="images/header_logo.png" /></div>
		<div class="right header-nav">
			<a class="nav-link" href="${pageContext.request.contextPath }/main.do">
				<i class="icon icon-home"></i>
				<span class="link-text"><msg:message key="menu.homepage" /></span>
			</a>
			<c:if test="${menubean.menu1 }">
			<a class="nav-link" href="${pageContext.request.contextPath }/showDevice.do">
				<i class="icon icon-install"></i>
				<span class="link-text"><msg:message key="menu.install" /></span>
			</a>
			</c:if>
			<c:if test="${menubean.menu2 }">
			<a class="nav-link" href="${pageContext.request.contextPath}/showConfig.do">
				<i class="icon icon-config"></i>
				<span class="link-text"><msg:message key="menu.config" /></span>
			</a>
			</c:if>
			<c:if test="${menubean.menu3 }">
			<!-- <a class="nav-link" href="operation.html">
				<i class="icon icon-operation"></i>
				<span class="link-text">操作</span>
			</a> -->
			<a class="nav-link" href="${pageContext.request.contextPath}/dataNew.do">
				<i class="icon icon-data"></i>
				<span class="link-text"><msg:message key="menu.data" /></span>
			</a>
			</c:if>
			<%-- <c:if test="${menubean.menu4 }">
			<a class="nav-link" href="history.html">
				<i class="icon icon-history"></i>
				<span class="link-text">历史</span>
			</a>
			</c:if> --%>
			<c:if test="${menubean.menu4 }">
			<a class="nav-link" href="${pageContext.request.contextPath}/faultList.do">
				<i class="icon icon-malfunction"></i>
				<span class="link-text"><msg:message key="menu.error" /></span>
			</a>
			</c:if>
			<c:if test="${menubean.menu5 }">
			<a class="nav-link" href="${pageContext.request.contextPath}/showUserList.do">
				<i class="icon icon-customer-management"></i>
				<span class="link-text"><msg:message key="menu.user" /></span>
			</a>
			</c:if>
			<c:if test="${menubean.menu6 }">
			<a class="nav-link" href="${pageContext.request.contextPath}/statusList.do">
				<i class="icon icon-status"></i>
				<span class="link-text"><msg:message key="menu.status" /></span>
			</a>
			</c:if>
			<c:if test="${menubean.menu7 }">
			<a class="nav-link" href="${pageContext.request.contextPath}/currentList.do">
				<i class="icon icon-malfunction"></i>
				<span class="link-text"><msg:message key="menu.current" /></span>
			</a>
			</c:if>
			<c:if test="${menubean.menu8 }">
			<a class="nav-link" href="${pageContext.request.contextPath}/report.do">
				<i class="icon icon-history"></i>
				<span class="link-text"><msg:message key="menu.report" /></span>
			</a>
			</c:if>
			<a class="nav-link" href="${pageContext.request.contextPath}/logout.do">
				<i class="icon icon-out"></i>
				<span class="link-text"><msg:message key="menu.exit" /></span>
			</a>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="section">
		<div>
			<div class="page-side1 data-side left" name="pageSide1" id="dataSide">
				<div class="page-side1-div data-side-div">
				<form id="form1" action="${pageContext.request.contextPath }/datashow.do" target="dataFrame">
					<div class="level-box" name="levelBox" style="overflow-y:scroll;height:770px;">
						<ul class="level1">
							<li class="level1-li">
								<div class="level-head level1-head active" name="levelHead"><span class="head-text"><msg:message key="report.menu.solarpanel" /></span><i class="icon icon-slide"></i></div>
								<div class="level-cont level1-cont" name="levelCont">
									<ul class="level3">
										<li class="level3-li">
											<div class="level-head level2-head" name="levelHead"><span class="head-text" name="textspan" onclick="selectDataType(this,'leastcharge')"><msg:message key="report.menu.solarpanel.charge" /></span></div>
										</li>
									</ul>
									<ul class="level3">
										<li class="level3-li">
											<div class="level-head level2-head" name="levelHead"><span class="head-text" name="textspan" onclick="selectDataType(this,'usercharge')"><msg:message key="report.menu.solarpanel.usercharge" /></span></div>
										</li>
									</ul>
									
								</div>
							</li>
						</ul>
						<%-- <ul class="level1">
							<li class="level1-li">
								<div class="level-head level1-head active" name="levelHead"><span class="head-text">蓄电池</span><i class="icon icon-slide"></i></div>
								<div class="level-cont level1-cont" name="levelCont">
									<ul class="level3">
										<li class="level3-li">
											<div class="level-head level2-head" name="levelHead"><span class="head-text" name="textspan" onclick="selectDataType(this,${lightBean.lightId })">放电量统计</span></div>
										</li>
									</ul>
								</div>
							</li>
						</ul>
						<ul class="level1">
							<li class="level1-li">
								<div class="level-head level1-head active" name="levelHead"><span class="head-text">用户登录</span><i class="icon icon-slide"></i></div>
								<div class="level-cont level1-cont" name="levelCont">
									<ul class="level3">
										<li class="level3-li">
											<div class="level-head level2-head" name="levelHead"><span class="head-text" name="textspan" onclick="selectDataType(this,${lightBean.lightId })">登录记录统计</span></div>
										</li>
									</ul>
								</div>
							</li>
						</ul> --%>
					</div>
					</form>
				</div>
			</div>
			<div class="page-article1 data-article right" name="pageArticle1" id="dataArticle" style="position:relative; height:800px;">
				<iframe name="dataFrame" style="border:0; width:100%; height:800px;"></iframe>
				<div class="mui-operation">
					<!-- <a href="javascript:;" class="btn orange-btn">导出</a>
					<a href="javascript:;" class="btn blue-btn">重置</a> -->
				</div>
				<div class="block30"></div>
			</div>
			<div class="clear"></div>
		</div>
	</div>

  </body>
</html>
